import { defineComponent } from 'vue'
import { buttonProps } from './types'

import './index.scss'

export default defineComponent({
  name: 'VuaButton',
  props: buttonProps,
  setup(props, { emit, slots, attrs }) {
    return () => {
      return (
        <button class={['vua-button', 'vua-button--' + props?.type]} style={attrs.style as string}>
          {slots.default ? slots.default() : ''}
        </button>
      )
    }
  }
})
